<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>朝之阳辅导学校</title>

		<link rel="stylesheet" type="text/css" href="css/connectUs.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/jquery-1.7.1.min.js"></script>
		<script src="js/jquery-ui-1.8.19.custom.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=2b866a6daac9014292432d81fe9b47e3"></script>

	</head>

	<body>
		<div class="wrap">
			<div class="head">
				<div id="logo">
					<a href="#"><img src="image/utsing.gif" /></a>
				</div>
			</div>
			<div class="nav">
				<ul>
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="news.html">学校简介</a>
					</li>
					<li>
						<a href="#">新闻动态</a>
					</li>
					<li>
						<a href="#">特色班</a>
					</li>
					<li>
						<a href="#">师生风采</a>
					</li>
					<li>
						<a href="download.html">资源下载</a>
					</li>
					<li>
						<a href="faq.html">常见问题</a>
					</li>
					<li>
						<a href="#">地图导航</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="connectUs.html">联系我们</a>
					</li>
				</ul>
			</div>

			<div class="main">

				<div id="Content">

					<div style="width: 100%;">
						<img src="image/connectUs/connect1.jpg" width="100%" height="200px"/>
					</div>

					<div class="CollapsedBox" data-audience="Consumer" style="width: 100%; display: block;">
						<h3 class="CollapsedHeader" style="width: 100%;"><a href="javascript:void(0);">报名方式(点击查看详情)</a></h3>

						<ul class="CollapsedContent" data-featureid="technicalSupport_800030" style="width: 100%; display: none;">

							<!--
							<li class="MediaTile">微软技术支持<br>
							<span>
							<a href="/get-support/more/" ms.cmptyp="link" ms.cmpnm="acrdlnk" ms.interactiontype="1" ms.scn="1.5" ms.scvalue="subtopic" ms.title="提交一个技术支持请求">
							提交一个技术支持请求
							</a>
							</span>
							</li>
							-->

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> 学校名称：朝之阳培训学校
								</p>
							</li>

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> 联系电话：15715558888（郝先生）
								</p>
							</li>

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> 传真：010-66668888
								</p>
							</li>

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> Email:zhaozhiyang@163.com
								</p>
							</li>

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> 地址:安徽省马鞍山市安工大东校区
								</p>
							</li>

							<li class="MediaTile">
								<p><img src="image/connectUs/yuandian.jpg"> 邮编：100001
								</p>
							</li>
						</ul>

						<h3 class="CollapsedHeader" style="width: 100%;"><a href="javascript:void(0);" ms.cmpnm="个人用户" ms.cmptyp="expandcollapse" ms.interactiontype="15" ms.title="微软客户服务 - 常见客户问题的帮助 (点击查看详情)" ms.scn="1.4" ms.scvalue="topic"> 人才招聘(点击查看详情) </a></h3>

						<ul class="CollapsedContent" data-featureid="generalSupport_800040" style="width: 100%; display: none;">
							<li>
								<table width="100%">
									<thead style="background-color: #D9ECF2">
										<tr>
											<th>职位名称</th><th>招聘人数</th><th>工作地点</th><th>发布日期</th><th>截止日期</th>
										</tr>
									</thead>

									<tbody>
										<tr>
											<td>外语教师</td><td>5</td><td>马鞍山</td><td>2013-03-03</td><td>2013-09-10</td>
										</tr>
										<tr class="tdBackcolor">
											<td>语文教师</td><td>5</td><td>马鞍山</td><td>2013-03-03</td><td>2013-09-10</td>
										</tr>
										<tr>
											<td>数学教师</td><td>5</td><td>马鞍山</td><td>2013-03-03</td><td>2013-09-10</td>
										</tr>
										<tr class="tdBackcolor">
											<td>物理教师</td><td>5</td><td>马鞍山</td><td>2013-03-03</td><td>2013-09-10</td>
										</tr>
										<tr>
											<td>化学教师</td><td>5</td><td>马鞍山</td><td>2013-03-03</td><td>2013-09-10</td>
										</tr>
									</tbody>
								</table>
							</li>
						</ul>

						<h3 class="CollapsedHeader" style="width: 100%;"><a href="javascript:void(0);"> 百度地图一下(点击查看详情) </a></h3>

						<ul class="CollapsedContent" data-featureid="buyProducts_800050" style="width: 100%; display: none;">
							<li>
								<div style="width:100%;height:300px;border:1px solid gray" id="container">
							</li>
						</ul>
					</div>

				</div>

			</div>

		</div>
		<script src="js/connectUs/connectUs.js"></script>

		<script type="text/javascript">
			var map = new BMap.Map("container");
			map.centerAndZoom(new BMap.Point(116.403884, 39.914887), 13);
			map.enableScrollWheelZoom();
			var marker = new BMap.Marker(new BMap.Point(116.403884, 39.914887));
			map.addOverlay(marker);
			var licontent = "<b>天安门</b><br>";
			licontent += "<span><strong>地址：</strong>北京市东城区天安门广场北侧</span><br>";
			licontent += "<span><strong>电话：</strong>(010)63095718,(010)63095630</span><br>";
			licontent += "<span class=\"input\"><strong></strong><input class=\"outset\" type=\"text\" name=\"origin\" value=\"北京站\"/><input class=\"outset-but\" type=\"button\" value=\"公交\" onclick=\"gotobaidu(1)\" /><input class=\"outset-but\" type=\"button\" value=\"驾车\"  onclick=\"gotobaidu(2)\"/><a class=\"gotob\" href=\"url=\"http://api.map.baidu.com/direction?destination=latlng:" + marker.getPosition().lat + "," + marker.getPosition().lng + "|name:天安门" + "®ion=北京" + "&output=html\" target=\"_blank\"></a></span>";
			var hiddeninput = "<input type=\"hidden\" value=\"" + '北京' + "\" name=\"region\" /><input type=\"hidden\" value=\"html\" name=\"output\" /><input type=\"hidden\" value=\"driving\" name=\"mode\" /><input type=\"hidden\" value=\"latlng:" + marker.getPosition().lat + "," + marker.getPosition().lng + "|name:天安门" + "\" name=\"destination\" />";
			var content1 = "<form id=\"gotobaiduform\" action=\"http://api.map.baidu.com/direction\" target=\"_blank\" method=\"get\">" + licontent + hiddeninput + "</form>";
			var opts1 = {
				width : 300
			};

			var infoWindow = new BMap.InfoWindow(content1, opts1);
			marker.openInfoWindow(infoWindow);
			marker.addEventListener('click', function() {
				marker.openInfoWindow(infoWindow);
			});

			function gotobaidu(type) {
				if ($.trim($("input[name=origin]").val()) == "") {
					alert("请输入起点！");
					return;
				} else {
					if (type == 1) {
						$("input[name=mode]").val("transit");
						$("#gotobaiduform")[0].submit();
					} else if (type == 2) {
						$("input[name=mode]").val("driving");
						$("#gotobaiduform")[0].submit();
					}
				}
			}
		</script>

	</body>
</html>
